<template>
	<!-- 头部区域用户头像，用户名 -->
	<view>
		<view class="info" v-if="loginInfo!=null">
			<view class="hearder-cont">
				<!-- 占位符 -->
				<view style="width: 100%;height: 1rpx;"></view>
				<view class="user-image">
					<image :src="loginInfo.image" mode=""></image>
				</view>
				<view class="user-name">
					<view class="name-text"v-if="loginInfo.name!=null">
						{{loginInfo.name}}
					</view>
					<view class="name-text" v-if="loginInfo.name==null">
						{{loginInfo.loginName}}
					</view>
				</view>
			</view>
			<!-- 代发货，待收获，待评价，退货和余额 -->
			<view class="order-cont">
				<!-- 占位符 -->
				<view style="width: 100%;height: 1rpx;"></view>
				<view style="display: flex;" class="about-myOrder">
					<view>
						<view class="image-item">
							<image src="../../static/icon/image10.png" @click="toOrderType(1)"></image>
							<view class="num-item" v-if="typeNum.type0!=0">{{typeNum.type0}}</view>
						</view>
						<view class="project-text">
							待发货
						</view>
					</view>
					<view>
						<view class="image-item">
							<image src="../../static/icon/image11.png" @click="toOrderType(2)"></image>
							<view class="num-item" v-if="typeNum.type1!=0">{{typeNum.type1}}</view>
						</view>
						<view class="project-text">
							已发货
						</view>
					</view>
					<view>
						<view class="image-item">
							<image src="../../static/icon/image16.png" @click="toOrderType(0)"></image>
							<view class="num-item" v-if="typeNum.type2!=0">{{typeNum.type2}}</view>
						</view>
						<view class="project-text">
							已签收
						</view>
					</view>
					<view>
						<view class="image-item">
							<image src="../../static/icon/image15.png" mode=""></image>
							
						</view>
						<view class="project-text">
							余额
						</view>
					</view>
					<view>
						<view class="image-item">
							<image src="../../static/icon/image17.png" @click="toOrderType(3)"></image>
							<view class="num-item" v-if="typeNum.type3!=0">{{typeNum.type3}}</view>
						</view>
						<view class="project-text">
							退货
						</view>
					</view>
				</view>
			</view>
			<!-- 轮播图占位 -->
			<view class="swiper-cont">
				轮播占位图
			</view>
			<!-- 积分，红包卡券 收获地址，商城客服-->
			<view class="item2-cont">
				<!-- 占位符 -->
				<view style="width: 100%;height: 1rpx;"></view>
				<view class="item2-sever">
					<view>
						<view class="serve-img">
							<image src="../../static/icon/serve-item1.png" mode=""></image>
						</view>
						<view class="serve-text">
							领券中心
						</view>
					</view>
					<view @click="receipt">
						<view class="serve-img">
							<image src="../../static/icon/serve-item2.png" mode=""></image>
						</view>
						<view class="serve-text">
							收货地址
						</view>
					</view>
					<view>
						<view class="serve-img">
							<image src="../../static/icon/serve-item3.png" mode=""></image>
						</view>
						<view class="serve-text">
							我的评价
						</view>
					</view>
					<view>
						<view class="serve-img">
							<image src="../../static/icon/serve-item4.png" mode=""></image>
						</view>
						<view class="serve-text">
							商城客服
						</view>
					</view>
				</view>
			</view>
			<view class="bottom-cont">
				<!-- 占位符 -->
				<view style="width: 100%;height: 10rpx;"></view>
				<view class="bottom-item1">
					<view class="icon-text">
						<image src="../../static/icon/info2.png"></image>
						<text>基本信息</text>
					</view>
					<view style="margin-left: 420rpx;color: #B2BABB;">
						>
					</view>
				</view>
				<view style="width: 90%;height: 3rpx;background-color: #AAB7B8;margin: 10px auto;"></view>
				<view class="bottom-item1" @click="toOrderType(4)">
					<view class="icon-text" >
						<image src="../../static/icon/icon1.png"></image>
						<text>历史订单</text>
					</view>
					<view style="margin-left: 420rpx;color: #B2BABB;">
						>
					</view>
				</view>
			
				<view style="width: 90%;height: 3rpx;background-color: #AAB7B8;margin: 10px auto;"></view>
				<view class="bottom-item1">
					<view class="icon-text">
						<image src="../../static/icon/icon3.png"></image>
						<text>作者介绍</text>
					</view>
					<view style="margin-left: 420rpx;color: #B2BABB;">
						>
					</view>
				</view>
				<view style="width: 90%;height: 3rpx;background-color: #AAB7B8;margin: 10px auto;"></view>
				<view class="bottom-item1" @click="openLoginOut">
					<view class="icon-text">
						<image src="../../static/icon/icon2.png"></image>
						<text>退出登录</text>
					</view>
					<view style="margin-left: 420rpx;color: #B2BABB;">
						>
					</view>
				</view>
				
			
			</view>
		</view>
		<!-- 用户未登录时 -->
		<view class="loginInfoNull" v-if="loginInfo==null">
			<!-- 占位符 -->
			<view style="width: 100%;height: 1rpx;"></view>
			<view class="login-item">
				<view class="wxLogin" @click="wxLogin">
					<!-- 占位符 -->
					<view style="width: 30rpx;height: 70rpx;"></view>
					<image src="../../static/icon/weixin.png"></image>
					<text style="margin-left: 70rpx;">微信登录</text>
				</view>
				<view class="userLogin" @click="openLoginByPassword">
					用户名/密码登录
				</view>
				<view class="forgetPsw">
					<view style="width: 1px;height: 30rpx;"></view>
					<view style="margin-left: 350rpx;" class="psw">
						忘记密码
					</view>
				</view>
			</view>
		</view>
		<!-- 提示窗示例 -->
		<uni-popup ref="register" type="dialog">
			<uni-popup-dialog type="info" cancelText="取消" confirmText="注册" :title="title" content="系统检查到你还不是商城会员,请先注册" @confirm="openRegister"
				@close="closeRegister"></uni-popup-dialog>
		</uni-popup>
		<view>
			<!-- 输入框示例 -->
			<uni-popup ref="registerInput" type="dialog">
				<view class="registerInput">
					<view style="width: 100%;height: 50rpx; margin: 0 auto; line-height: 50rpx;text-align: center;">注册</view>
					<view class="input-cont" style="margin-top: 30rpx;">
						<view class="input-left">
							账号
						</view>
						<view class="input-right">
							<input type="text" v-model="registerForm.loginNmae" placeholder="账号将作为登录账号" @blur="selectUser"/>
						</view>
					</view>
					<view class="input-cont">
						<view class="input-left">
							昵称
						</view>
						<view class="input-right">
							<input type="text" v-model="registerForm.name" placeholder="商城昵称"/>
						</view>
					</view>
					<view class="input-cont">
						<view class="input-left">
							密码
						</view>
						<view class="input-right">
							<input type="text" v-model="registerForm.password" placeholder="请输入密码" />
						</view>
					</view>
					<view class="input-cont">
						<view class="input-left">
							密码
						</view>
						<view class="input-right">
							<input type="text" v-model="registerForm.rePassword" placeholder="确定密码" @blur="rePassword"/>
						</view>
					</view>
					<view class="input-cont">
						<view class="input-left">
							支付
						</view>
						<view class="input-right">
							<input type="text" v-model="registerForm.payPassword" placeholder="支付密码"/>
						</view>
					</view>
					<view class="input-cont">
						<view class="input-left">
							电话
						</view>
						<view class="input-right">
							<input type="text" v-model="registerForm.mobail" placeholder="联系电话,+86"/>
						</view>
					</view>
					<view class="input-cont">
						<view class="input-left">
							邮箱
						</view>
						<view class="input-right">
							<input type="text" v-model="registerForm.email" placeholder="邮箱地址"/>
						</view>
					</view>
					<!-- 验证码获取 -->
					
					<view class="input-cont">
						<view style="width: 5%; "></view>
						<view class="captcha">
							<input type="text" placeholder="邮箱验证码" v-model="registerForm.captcha"/>
						</view>
						<view class="get-captcha" @click="registerCaptcha">{{captcha}}</view>
					</view>
					<view class="input-cont">
						<view class="input-left">
							性别
						</view>
						<view class="input-right sexRadio" >
							<view v-for="(sexItem ,index) in sex">
								{{sexItem.name}}<view class="chooseSex" :class="index==registerForm.sex?'acSex':''" @click="chooseSex(index)"></view>
							</view>
							
						</view>
					</view>
					<view class="input-cont">
						<view class="input-left">
							年龄
						</view>
						<view class="input-right">
							<input type="text" v-model="registerForm.age" placeholder="年纪,必须是数值"/>
						</view>
					</view>
					<view class="button-cont">
						<view @click="closeRegisterDialog">取消</view>
						<view style="border-left: 1rpx solid #AAB7B8;color: #007AFF;" @click="register">注册</view>
					</view>
				</view>
			</uni-popup>
		</view>
		<uni-popup ref="message" type="message">
			<uni-popup-message :type="dialogType" :message="message" :duration="2000" style="text-align: center;"></uni-popup-message>
		</uni-popup>
		<view>
			<!-- 输入框示例 -->
			<uni-popup ref="userLogin" type="dialog">
				<view class="loginByPassword">
					<view style="width: 100%;height: 70rpx;line-height: 70rpx;text-align: center;">用户名/密码</view>
					<view class="input-cont">
						<view class="input-left">
							账号
						</view>
						<view class="input-right">
							<input type="text" v-model="LoginByUserForm.loginName" placeholder="请输入账号"/>
						</view>
					</view>
					<view class="input-cont">
						<view class="input-left">
							密码
						</view>
						<view class="input-right">
							<input type="text" v-model="LoginByUserForm.password" placeholder="请输入密码"/>
						</view>
					</view>
					<view style="margin-top: 20rpx;width: 90%;height: 70rpx;font-size: 24rpx;color: #E74C3C;text-align: right;" @click="registerByUser">
						注册
					</view>
					<view class="button-cont">
						<view @click="closeLoginByPassword">取消</view>
						<view style="border-left: 1rpx solid #AAB7B8;color: #007AFF;" @click="userLogin">登录</view>
					</view>
				</view>
			</uni-popup>
		</view>
		<view>
			<uni-popup ref="loginOut" type="dialog">
				<uni-popup-dialog type="warning" cancelText="关闭" confirmText="同意" title="退出登录" content="你确定要退出登录吗" @confirm="loginOut"
					@close="closeLoginOut"></uni-popup-dialog>
			</uni-popup>
		</view>
		
	</view>
	
</template>

<script>
	import http from '../../util/httpRequest.js'
	import store from "../../store/index.js"
	export default {
		data() {
			return {
				title:"提示",
				passwordType:true,
				registerForm:{
					openId:null,
					name:null,
					password:null,
					rePassword:null,
					mobail:null,
					email:null,
					sex:0,
					age:18,
					captcha:null,
					image:null,
					loginNmae:null,
					uuid:null,
					captcha:null,
					payPassword:null,
				},
				sex:[
					{name:"保密",index:0,choose:true},
					{name:"男",index:1,choose:false},
					{name:"女",index:2,choose:false}
				],
				message:null,
				dialogType:"error",
				LoginByUserForm:{
					loginName:null,
					password:null
				},
				registerType: null,
				type0:0,
				type1:0,
				type2:0,
				captcha:"获取验证码",
				sidNum:120
				
			}
		},
		computed:{
			loginInfo(){
				return store.state.common.loginInfo
				// return "dasdas";
				
			},
			wxUserInfo(){
				return store.state.common.wxUserInfo
			},
			typeNum(){
				return store.state.common.typeNum
			}
		},
		methods: {
			wxLogin(){
				var that = this
				uni.getUserProfile({
					desc:"注册",
					success:function(userInfo){
						var UserInfo = userInfo.userInfo
						that.title = "尊敬的"+UserInfo.nickName
						that.registerForm.name = UserInfo.nickName
						console.log("图片",UserInfo.avatarUrl)
						that.registerForm.image = UserInfo.avatarUrl
						wx.login({
							provider:"weixin",
							success:function(loginData){
								let wxCode = loginData.code
							
								uni.request({
									url:http.memberUrl+"member/login/wx",
									method:"POST",
									data:{
										code:wxCode,
										userName:UserInfo.nickName,
										image:UserInfo.avatarUrl
									},
									success(loginData) {
										// console.log("用户信息",loginData)
										let info = loginData.data.info
										// console.log(info.openId)
										that.registerForm.openId = info.openId
										//判断是否是第一次登录，registerCode 0 新用户 1老用户
										if(info.registerCode==0){
											
											that.$refs.register.open()
										}
										//老用户
										if(info.registerCode==1){
											store.commit("loginInfo",info)
											that.message = "登录成功",
											that.dialogType = "seccess"
											that.$refs.message.open()
											console.log(that.loginInfo)
											that.getTypeNum()
											uni.setStorage({
												key:"info",
												data: info
											})
											let router = store.state.common.router
											// console.log("路由",router)
											uni.reLaunch({
												url: router
											})
										}
										
										
									}
								})
							}
						})
					},
						fail(e){
							console.log("微信登录调用失败",e)
						}
				})
			},
			//用户名密码登录
			userLogin(){
				var that = this
				uni.request({
					url: http.memberUrl+"member/login/user",
					method:"POST",
					data:{
						loginName:that.LoginByUserForm.loginName,
						password:that.LoginByUserForm.password
					},
					success(res) {
						
						let data = res.data
						if(data.code==500){
							that.message = data.msg
							that.dialogType = "error"
							that.$refs.message.open()
						}
						if(data.code==0){
							store.commit("loginInfo",data.info)
							let router = store.state.common.router
							uni.reLaunch({
								url: router
							})
						}
						that.getTypeNum()
						that.closeLoginByPassword()
						
					}
				})
			},
			//注册页面
			openRegister(){
				this.registerType = "wx"
				this.$refs.registerInput.open()
			},
			closeRegister(){
				this.$refs.register.close()
			},
			//取消注册，关闭注册框
			closeRegisterDialog(){
				console.log("注册表但数据",this.registerForm)
				this.$refs.registerInput.close()
			},
			// 确定注册，提交表单
			register(){
				var that = this
				uni.request({
					url: http.memberUrl+"member/register",
					method:"POST",
					data:{
						openId:that.registerForm.openId,
						name:that.registerForm.name,
						password:that.registerForm.password,
						mobail:that.registerForm.mobail,
						email:that.registerForm.email,
						sex:that.registerForm.sex,
						age:that.registerForm.age,
						image:that.registerForm.image,
						loginName:that.registerForm.loginNmae,
						uuid:that.registerForm.uuid,
						captcha:that.registerForm.captcha,
						payPassword:that.registerForm.payPassword
					},
					success(res) {
						if(res.data.code==500){
							that.message = res.data.msg
							that.dialogType = "error"
							that.$refs.message.open()
						}
						if(res.data.code==0){
							that.$refs.registerInput.close()
							that.message = res.data.msg
							that.dialogType = "success"
							that.$refs.message.open()
							//清除表单
							that.registerForm.openId=null
							that.registerForm.name=null
							that.registerForm.password=null
							that.registerForm.mobail=null
							that.registerForm.email=null
							that.registerForm.sex=0
							that.registerForm.age=18
							that.registerForm.image = null
							that.registerForm.loginNmae =null
							that.registerForm.uuid = null
							that.registerForm.captcha = null
							that.registerForm.payPassword = null
							that.captcha = "获取验证码"
							that.sidNum = 120
						}
						
					
					}
				})
			},
			//用户名密码注册
			registerByUser(){
				this.registerType="user"
				this.closeLoginByPassword()
				this.$refs.registerInput.open()
			},
			
			//选择年龄
			chooseSex(index){
				this.registerForm.sex = index
			},
			//密码校验
			rePassword(){
				let password = this.registerForm.password
				let rePassword = this.registerForm.rePassword
				if(password!=rePassword){
					this.registerForm.password = null
					this.registerForm.rePassword = null
					this.message = "两次密码不一致，请重新输入"
					this.$refs.message.open()
				}
			},
			//查询账号是否已经存在
			selectUser(){
				var that = this
				uni.request({
					url: http.memberUrl+"member/selectUser",
					method:"POST",
					data:{
						loginName:that.registerForm.loginNmae
					},
					success(res) {
						if(res.data.code==500){
							console.log("用户账号是否存在",res)
							that.message = res.data.msg
							that.dialogType = "error"
							that.registerForm.loginNmae = null
							that.$refs.message.open()
						}
						
					}
				})
			},
			openLoginByPassword(){
				this.$refs.userLogin.open()
			},
			closeLoginByPassword(){
				this.$refs.userLogin.close()
			},
			//退出登录
			loginOut(){
				store.commit("loginInfo",null)
				this.message="你退出登录"
				this.$refs.message.open()
			},
			//退出登录弹出层
			openLoginOut(){
				this.$refs.loginOut.open()
				
			},
			closeLoginOut(){
				this.$refs.loginOut.close()
			},
			//跳转收货地址页面
			receipt(){
				//存放路由地址,返回需要
				uni.navigateTo({
					url: "/pages/info/receipt",
					success() {
						store.commit("router","/pages/info/info")
					}
				})
			},
			getTypeNum(){
				console.log("被调用")
				var that = this
				// console.log(that.loginInfo)
				uni.request({
					url: http.orderUrl+"order/getTypeNum",
					method:"POST",
					data:{
						userId:that.loginInfo.userId
						
					},
					success(res) {
						console.log("数据",res.data.data)
						store.commit("typeNum",res.data.data)	
					}
				})
			},
			toOrderType(typeNum){
				console.log(typeNum)
				store.commit("activ",typeNum)
				uni.reLaunch({
					url:"/pages/info/ship",
					success() {
						store.commit("router","/pages/info/info")
					}
				})
				
			},
			//注册验证码
			registerCaptcha(){
				var that = this
				that.message = "你已请求验证码，验证码将发送至你的邮箱"
				that.dialogType = "success"
				that.$refs.message.open()
				uni.request({
					url:http.memberUrl+"member/register/captcha",
					method:"POST",
					data:{
						email:that.registerForm.email
					},
					success(res) {
						if(res.data.code==0){
							that.registerForm.uuid = res.data.uuid
							if(that.sidNum==120){
								var sid = setInterval(function(){
									
									if(that.sidNum!=0){
										that.captcha = that.sidNum--
									}
									if(that.sidNum==0){
											console.log("等于0")
											that.captcha = "重新获取"
											that.sidNum = 120
											clearInterval(sid)
										
									}
								},1000)	
							}
					
						}
						if(res.data.code==500){
							that.dialogType = "error"
							that.message = res.data.msg
							that.$refs.message.open()
						}
					}
				})
			},
		
			
		},
		created() {
			// this.getTypeNum()
		},
		onTabItemTap(){
			if(this.loginInfo!=null){
				this.getTypeNum()
			}
		},
		
		
		
		
	}
</script>

<style scoped>
	.info{
		width: 100%;
		background-color: #E9E8E6;
	}
	/* 头部，用户头像，用户名 */
	.hearder-cont{
		width: 100%;
		height: 400rpx;
		/* background-color: #007AFF; */
		background-color: #08e3ea;
		background-image: linear-gradient(105deg, #08e3ea 0%, #e1f52a 100%);

	}
	.user-image{
		margin: 50rpx auto 30rpx auto;
		width: 200rpx;
		height: 200rpx;
		border: 2rpx solid #18BC37;
		border-radius: 50%;
	}
	.user-image>image{
		width: 200rpx;
		height: 200rpx;
		border-radius: 50%;
	}
	.user-name{
		/* background-color: #18BC37; */
		width: 100%;
		height: 50rpx;
		line-height: 50rpx;
	}
	.name-text{
		margin: 0 auto;
		width: 300rpx;
		height: 50rpx;
		text-align: center;
		/* background-color: #303133; */
	}
	/* 代发货，待收获，待评价，退货和售后 */
	.order-cont{
		margin: 30rpx auto;
		width: 95%;
		height: 200rpx;
		
		border-radius: 15rpx;
		background-color: #FFFFFF; 
	}
	.order-item1{
		margin-top: 30rpx;
		width: 20%;
		height: 150rpx;
		margin-left: 30rpx;
		border-radius: 10rpx;
		/* background-color: #007AFF; */
	}

	.item1-icon{
		position: relative;
		width: 100%;
		height: 100rpx;
		/* background-color: #F1C40F; */
	}
	.item1-icon image{
		position: absolute;
		top: 20rpx;
		margin-left: 35rpx;
		width: 50%;
		height: 70%;
	}
	.item1-text{
		width: 100%;
		text-align: center;
	}
	/* 点击效果 */
	.item1-click1:active{
		color: #CD6155;
	}
	.item1-click2:active{
		color: #CD6155;
	}
	.item1-click3:active{
		color: #CD6155;
	}
	.item1-click4:active{
		color: #CD6155;
	}
	.item1-click5:active{
		color: #CD6155;
	}
	
	/* 轮播图占位 */
	.swiper-cont{
		margin: 15rpx auto;
		width: 95%;
		height: 150rpx;
		border-radius: 15rpx;
		font-size: 50rpx;
		line-height: 150rpx;
		text-align: center;
		background-color: #FFFFFF
	}
	/*积分，红包卡券  */
	.item2-cont{
		margin: 30rpx auto;
		width: 95%;
		height: 200rpx;
		border-radius: 15rpx;
		background-color: #FFFFFF;
	}
	.item2-sever{
		margin-top: 40rpx;
		display: flex;
		width: 100%;
		height: 200rpx;
		
	}
	.item2-sever>view{
		margin: auto 30rpx;
		width: 200rpx;
		height: 200rpx;
		/* background-color: #18BC37 */
	}
	.serve-img{
		margin: 0 auto;
		width: 70rpx;
		height: 70rpx;
	}
	
	.serve-img>image{
		width: 70rpx;
		height: 70rpx;
	}
	.serve-text{
		margin-top: 10rpx;
		/* width: 200rpx; */
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
		font-size: 24rpx;
		color: #e95b4c;
		
	}
	.bottom-cont{
		margin: 20rpx auto;
		width: 95%;
		height: 400rpx;
		border-radius: 15rpx;
		background-color: #FFFFFF;
		
	}
	.bottom-item1{
		display: flex;
		margin: 10rpx auto;
		width: 90%;
		height: 60rpx;
		line-height: 50rpx;
		/* background-color: #007AFF; */
	}
	.icon-text{
		display: flex;
	}
	.icon-text>image{
		width: 50rpx;
		height: 50rpx;
	}
	.icon-text>text{
		margin-left: 20rpx;
		font-size: 26rpx;
		color: #95A5A6;
	}
	/* 未登录 */
	.loginInfoNull{
		width: 100%;
		height: 1300rpx;
		/* background-color: #007AFF; */
	}
	.login-item{
		margin: 500rpx auto;
		width: 70%;
		/* height: 200rpx; */
		/* background-color: #18BC37 */
	}
	.wxLogin{
		display: flex;
		width: 100%;
		height: 100rpx;
		border: 3rpx solid #18BC37;
		line-height: 100rpx;
		border-radius: 30rpx;
		/* background-color: #007AFF */
	}
	.wxLogin:active{
		border: 3rpx solid #C0392B;
	}
	.wxLogin>text{
		font-size: 40rpx;
	}
	.wxLogin>image{
		width: 100rpx;
		height: 100rpx;
	}
	.userLogin{
		margin-top: 20rpx;
		width: 100%;
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		/* border: 3rpx solid #C0392B; */
		border-radius: 30rpx;
		font-size: 35rpx;
		color: #FFFFFF;
		background-color: #C0392B
	}
	.userLogin:active{
		background-color: #08AEEA;
		background-image: linear-gradient(45deg, #08AEEA 0%, #2AF598 100%);

	}
	.forgetPsw{
		display: flex;
		margin-top: 20rpx;
		width: 100%;
		/* text-align: right; */
	}
	.psw:active{
		color: #C0392B;
	}
	/* 注册输入框 */
	.registerInput{
		height: 1000rpx;
		width: 500rpx;
		border-radius: 15rpx;
		background-color: #FFFFFF
	}
	.input-cont{
		display: flex;
		margin: 15rpx auto 0 auto;
		width: 90%;
		height: 60rpx;
		/* background-color: #007AFF;	 */
	}
	.input-left{
		width: 150rpx;
		height: 60rpx;
		line-height: 60rpx;
		/* background-color: #18BC37 */
	}
	.input-right{
		margin-left: 30rpx;
		width: 350rpx;
		height: 60rpx;
		line-height: 60rpx;
		/* background-color: #303133; */
		
	}
	.input-right>input{
		width: 350rpx;
		height: 60rpx;
		font-size: 24rpx;
		border: 2rpx solid #B2BABB;
		text-align: center;
		border-radius: 10rpx;
	}
	.button-cont{
		display: flex;
		position: absolute;
		border-top:1rpx solid #AAB7B8;
		bottom: 0;
	}
	.button-cont>view{
		width: 250rpx;
		height: 100rpx;
		font-size: 30rpx;
		font-weight: 200;
		line-height: 100rpx;
		text-align: center;
	}
	.sexRadio{
		display: flex;
	}
	.sexRadio>view{
		display: flex;
		margin-left: 3rpx;
		width: 100rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-size: 24rpx;
		color: #AAB7B8;
	}
	.sexRadio>view>view{
		margin-top: 10rpx;
	}
	.chooseSex{
		width: 35rpx;
		height: 35rpx;
		/* background-color: #007AFF */
		border-radius: 50%;
		border: 1rpx solid #AAB7B8;
	}
	.acSex{
		background-color: #2ecc71;
		
	}
	/* 用户名，密码登录 */
	.loginByPassword{
		width: 500rpx;
		height: 500rpx;
		border-radius: 15rpx;
		background-color: #FFFFFF;
	}
	.num{
		position: absolute;
		right: 1rpx;
		top: 1rpx;
		width: 50rpx;
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
		border-radius: 50%;
		font-size: 18rpx;
		color: #FFFFFF;
		background-color: #EC7063;
	}
	.about-myOrder{
		
	}
	.about-myOrder>view{
		width: 19%;
		margin-left: 1%;
		height: 180rpx;
		/* background-color: #007AFF; */
	}
	.image-item{
		position: relative;
		width: 100%;
		height: 60%;
		/* background-color: #09BB07 */
	}
	.image-item>image{
		position: absolute;
		width: 100rpx;
		height: 100rpx;
		left: 20rpx;
		top: 15rpx;
	}
	.num-item{
		position: absolute;
		width: 50rpx;
		height: 50rpx;
		right: 1rpx;
		top: 1rpx;
		border-radius: 50%;
		font-size: 18rpx;
		line-height: 50rpx;
		text-align: center;
		color: #FFFFFF;
		background-color: #ff903b;
		background-image: linear-gradient(62deg, #ff903b 0%, #FF2525 74%);

	}
	.project-text{
		width: 100%;
		height: 35%;
		margin-top: 4%;
		line-height: 50rpx;
		text-align: center;
		/* background-color: #F1C40F; */
	}
	
	.captcha{
		width: 60%;
		height: 60rpx;
		/* background-color: #007AFF; */
	}
	.captcha>input{
		width: 100%;
		height: 60rpx;
		text-align: center;
		line-height: 60rpx;
		color: #5499C7;
		border-radius: 15rpx;
		border: 1rpx solid #82E0AA;
	}
	.get-captcha{
		width: 30%;
		height: 60rpx;
		margin-left: 10rpx;
		line-height: 60rpx;
		text-align: center;
		font-size: 22rpx;
		color: #839192;
		background-color: #D5F5E3;
	}
	
	
	
	
</style>
